<?xml version="1.0"?>
        <!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>Rotate - Inline CSS</title>
</head>
<body>
<h1>Rotate - Inline CSS</h1>
<div>
<div style="-webkit-transform:rotate(120deg);width: 100px;height: 100px;background-color: purple;margin-bottom: 50px">Rotate 120&#176; Chrome</div>
<div style="-ms-transform:rotate(120deg);width: 100px;height: 100px;background-color: purple;margin-bottom: 50px">Rotate 120&#176; IE</div>
</div>
<div>
<div style="-moz-transform:rotate(120deg);width: 100px;height: 100px;background-color: purple;margin-bottom: 50px">Rotate 120&#176; Firefox</div>
<div style="-o-transform:rotate(120deg);width: 100px;height: 100px;background-color: purple;margin-bottom: 50px">Rotate 120&#176; Opera</div>
</div>
</body>
</html>
